<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/jedate.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/common.css"/>
		<style type="text/css">
			.btn-success,.btn-warning{padding: 3px 10px;margin: 0 5px;}
		</style>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row mheader">
				<div class="col-xs-2 text-left"><a href="javascript:;" onclick="location.href='../../../word.html'"><span class="iconfont icon-fanhui"></span></a></div>
				<div class="col-xs-8"><h2>查询材料费用结算单</h2></div>
				<div class="col-xs-2 text-right"><a href="#"><span class="iconfont icon-31sousuo sousuo"></span></a></div>
			</div>
			<div class="row">
				<dl class="erp-list">
					<dd>
						<a href="erp-details.html">
							<h3>F201712201250
								<span type="button" class="btn btn-success fr">完成</span>
								<span type="button" class="btn btn-warning fr">未通过</span>
							</h3>
							<div class="erp-txt">
								<p><span>项目名称:</span>西三环通信管道施工</p>
								<p><span>经办人:</span>张三</p>
								<p><span>日期:</span>2017年7月15日</p>
								<p><span>供应商:</span>广北</p>
								<p><span>批复金额:</span>¥1200</p>
							</div>
						</a>
					</dd>
					<dd>
						<a href="#">
							<h3>
								F201712201250
								<span type="button" class="btn btn-success fr">完成</span>
								<span type="button" class="btn btn-warning fr">未通过</span>
							</h3>
							<div class="erp-txt">
								<p><span>项目名称:</span>西三环通信管道施工</p>
								<p><span>经办人:</span>张三</p>
								<p><span>日期:</span>2017年7月15日</p>
								<p><span>供应商:</span>广北</p>
								<p><span>批复金额:</span>¥1200</p>
							</div>
						</a>
					</dd>
					<dd>
						<a href="#">
							<h3>
								F201712201250
								<span type="button" class="btn btn-success fr">完成</span>
								<span type="button" class="btn btn-warning fr">未通过</span>
							</h3>
							<div class="erp-txt">
								<p><span>项目名称:</span>西三环通信管道施工</p>
								<p><span>经办人:</span>张三</p>
								<p><span>日期:</span>2017年7月15日</p>
								<p><span>供应商:</span>广北</p>
								<p><span>批复金额:</span>¥1200</p>
							</div>
						</a>
					</dd>
					<dd>
						<a href="#">
							<h3>F201712201250
								<span type="button" class="btn btn-success fr">完成</span>
								<span type="button" class="btn btn-warning fr">未通过</span>
							</h3>
							<div class="erp-txt">
								<p><span>项目名称:</span>西三环通信管道施工</p>
								<p><span>经办人:</span>张三</p>
								<p><span>日期:</span>2017年7月15日</p>
								<p><span>供应商:</span>广北</p>
								<p><span>批复金额:</span>¥1200</p>
							</div>
						</a>
					</dd>
				</dl>
				
			</div>
			<!--搜索-->
			<div class="search-box">
				<div class="search-cover">
					<form action="" method="post">
						<div class="row">
							<div class="col-xs-4">
								<ul class="list-group list-items">
								  <li class="list-group-item list-group-lists search-active">项目名称</li>
								  <li class="list-group-item list-group-lists">开始时间</li>
								  <li class="list-group-item list-group-lists">结束时间</li>
								</ul>
							</div>
							<div class="col-xs-8">
								<div class="search-lists search-list1 search-active">
									<input type="text" class="pro pro-input pro-name" placeholder="请输入项目名称"/>
								</div>
								<div class="search-lists search-active">
									<input type="text" class="jeinput pro pro-input" id="test01" placeholder="开始时间">
								</div>
								<div class="search-lists search-active">
									<input type="text" class="jeinput pro pro-input" id="test02" placeholder="结束时间">
								</div>
							</div>
						</div>
						<div class="row">
							<span class="btns close-cover">取消</span>
							<input class="sub-cover btns fr" type="submit" value="确定"/>
							
						</div>
						
					</form>
				
				</div>
			</div>
			
			
			
			
			
			
		</div>
	</body>
</html>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="../../../resource/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../resource/js/jquery.jedate.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(document).ready(function() {
		 $("#test01").jeDate({
        	format: "YYYY-MM-DD hh:mm:ss"
    	 });
    	 $("#test02").jeDate({
        	format: "YYYY-MM-DD hh:mm:ss"
    	 });
	});
</script>
<script type="text/javascript">
	$(".sousuo").click(function(){
		$(".search-box").slideToggle();
	})
	$(".list-group-lists").click(function(){
		var i=$(this).index();
		$(".search-lists").hide();
		$(".search-lists").eq(i).show();
		$(".list-group-lists").removeClass("search-active");
		$(this).addClass("search-active");
		$(".pros").hide();
		$(".pros").eq(i).show();

	});

//	点击取消按钮
	$(".close-cover").click(function(){
		$(".search-box").slideUp();
	});
//	点击确定按钮
	$(".sub-cover").click(function(){
		console.log($(".pro-name").val());
		console.log($("#test01").val());
		console.log($("#test02").val());
		$(".search-box").slideUp();
	});

</script>










